<template>
	<view class="container">
		<view>
			<up-search placeholder="搜索关键词" margin="20px"
				:disabled="true" @click="toSearch"></up-search>
		</view>


		<unicloud-db ref="udb" v-slot:default="{data, pagination, loading, hasMore, error}"
			:collection="collectionList" :where="where" loadtime="onready">
			<!-- <view v-if="error">{{error.message}}</view> -->
			<view v-if="data">
				<uni-list>
					<uni-list-item 
					v-for="(item, index) in data" 
					:key="index" showArrow clickable
						@click="handleItemClick(item._id)">
						<template v-slot:body>
							<text>
								{{item.behavior}}
							</text>
						</template>
					</uni-list-item>
				</uni-list>
			</view>
			<uni-load-more :status="loading?'loading':(hasMore ? 'more' : 'noMore')"></uni-load-more>
		</unicloud-db>
		<!-- <uni-fab ref="fab" horizontal="right" vertical="bottom" :pop-menu="false" @fabClick="fabClick" /> -->
		<u-safe-bottom></u-safe-bottom>
	</view>
</template>

<script>
	const db = uniCloud.databaseForJQL()
	export default {
		data() {
			return {
				collectionList:'xasa-behavior',
				where:'',
				category: '', // 分类id，用于筛选列表数据。请根据需要自行修改。
				title: '执法速查列表', // 列表页的标题，用于展示在页面标题栏上。请根据需要自行修改。
				loadMore: {
					contentdown: '',
					contentrefresh: '',
					contentnomore: ''
				}
			}
		},
		onLoad(e) {
			this.category = e.c;
			const t=e.t;
			this.where=`category=="${this.category}"`;
			this.$nextTick(() => {
				
				this.$refs.udb.loadData();
				
				if(t){
					const t1 = '执法速查' + (t ? '(' + t + '类)' : ''); // 如果没有传递参数，则使用默认值'违法行为列表'
					uni.setNavigationBarTitle({
						title: t1
					})
				}
				// 设置列表页的导航栏颜色，用于展示在页面标题栏上。请根据需要自行修改。
				uni.setNavigationBarColor({
					backgroundColor: '#ccddff', // 导航栏背景色为白色，可以根据需要修改颜色值。
					frontColor: '#000000', // 导航栏前景色为黑色，可以根据需要修改颜色值。
				})
			})
		},
		// 监听下拉刷新事件
		onPullDownRefresh() {
			this.$refs.udb.loadData({
				clear: true
			}, () => {
				uni.stopPullDownRefresh()
			})
		},
		onReachBottom() {
			this.$refs.udb.loadMore()
		},
		methods: {
			toSearch(e) {
				uni.navigateTo({
					url: './search?menu_id=' + this.menu_id 
				})
			},
			handleItemClick(id) {
				uni.navigateTo({
					url: './detail?id=' + id
				})
			}
		}
	}
</script>

<style>
	.container{
		padding: 0px 10px 10px 10px;
	}
</style>